<template>
  <footer class="footer">
    <span class="todo-count">剩余{{leng}}</span>
    <ul class="filters">
      <li>
        <a class="selected" href="javascript:;" @click="$emit('tog','all')">全部</a>
      </li>
      <li>
        <a href="javascript:;" @click="$emit('tog','no')">未完成</a>
      </li>
      <li>
        <a href="javascript:;" @click="$emit('tog','yes')">已完成</a>
      </li>
    </ul>
    <button class="clear-completed" @click="done">清除已完成</button>
  </footer>
</template>

<script>
export default {
  props:['leng'],
data(){
  return {
  }
},
methods:{
  done(){
    this.$emit('ywc')
  }
}
}
</script>